<!-- 地图和指标占比 -->
<template>
    <div class="course1">
        <!-- 地图（左） -->
        <div class="course-map">
            <CourseMap :mapdata="map.mapdata" :min="map.min" :max="map.max" />
        </div>
        <!-- 指标占比（右） -->
        <div class="course-indicators">
            <CourseIndicators :coreIndex="indicators.coreIndex" :buyCourse="indicators.buyCourse" />
        </div>
    </div>
</template>

<script>
import CourseMap from './courseMap.vue'
import CourseIndicators from './courseIndicators.vue'
export default {
    components: {
        CourseMap,
        CourseIndicators
    },
    // 父组件传入地图（左） 和 指标占比（右）数据
    props:['map','indicators']
}
</script>

<style lang="less" scoped>
.course1 {
    width: 100%;
    display: flex;
    margin-bottom: 15px;

    .course-map {
        flex: 1;
        height: 386px;
        margin-right: 15px;
    }

    .course-indicators {
        flex: 1;
        height: 386px;
    }
}
</style>